<!DOCTYPE html>
<html>

<head>
    <meta charset="utf8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>中科天机-产品</title>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/product.css" />
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
</head>

<body>
    <header class="clearfloat">
        <div class="logo left"><img src="images/logo.png" /></div>
        <div class="right">
            <div class="menu">
                <button class="menu__handle"><span></span></button>
            </div>
            <div class="nav">
                <ul class="clearfloat">
                    <li><a href="./index.html"><span>首页</span></a></li>
                    <li class="active"><a href="./product.html"><span>产品</span></a></li>
                    <li><a href="./service.html"><span>服务与技术支持</span></a></li>
                    <li><a href="./news.html"><span>新闻活动</span></a></li>
                    <li><a href="./profile.html"><span>关于天机</span></a></li>
                </ul>
                <div class="subline"></div>
            </div>
        </div>
    </header>
    <!--  -->
    <div class="pub_content">
        <iframe src="http://yutongxin.ip115.enet360.com/eac/index.html" frameborder="0"></iframe>
        <div class="btns">
            <div class="btn1">
                <a href="javascript:;">
                    <img src="./images/product01.png" alt="">
                    <p>购买服务</p>
                </a>
            </div>
            <div class="btn2">
                <a href="#">
                    <img src="./images/product02.png" alt="">
                    <p>下载白皮书</p>
                </a>
            </div>
        </div>
        <!--  -->
        <div class="popup">
            <div class="popup_cont">
                <img class="popup_close" src="./images/close.png" alt="">
                <div class="popup_p1">购买服务</div>
                <div class="popup_item">
                    <div class="item_icon"><img src="./images/product03.png" alt=""></div>
                    <div class="item_input"><input id="name" type="text" placeholder="请输入用户名称"></div>
                </div>
                <div class="popup_item">
                    <div class="item_icon"><img src="./images/product04.png" alt=""></div>
                    <div class="item_input"><input id="phone" type="text" placeholder="请输入手机号码"></div>
                </div>
                <div class="popup_item">
                    <div class="item_icon"><img src="./images/product05.png" alt=""></div>
                    <div class="item_input"><input id="code" type="text" placeholder="请输入短信验证码">
                        <div class="item_send">获取验证码</div>
                    </div>
                </div>
                <div class="popup_item">
                    <div class="item_icon"><img src="./images/product06.png" alt=""></div>
                    <div class="item_input"><input id="work" type="text" placeholder="工作单位"></div>
                </div>
                <div class="popup_item">
                    <div class="item_icon"><img src="./images/product07.png" alt=""></div>
                    <div class="item_input"><input id="emali" type="text" placeholder="请输入邮箱（仅单位邮箱）"></div>
                </div>
                <div class="popup_btn">提交</div>
            </div>
        </div>
    </div>
    <!--  -->
    <footer>
        <div class="width1200">
            <div class="top clearfloat">
                <div class="left">
                    <div class="telText">全国热线电话：</div>
                    <div class="telNum">400-616-8360</div>
                    <div class="email">邮箱：lianheyiwang@enet360.com</div>
                </div>
                <dl class="right">
                    <dt>关于天机</dt>
                    <dd>
                        <ul>
                            <li><a href="#">公司简介</a></li>
                            <li><a href="#">联系我们</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl class="right">
                    <dt>新闻活动</dt>
                    <dd>
                        <ul>
                            <li><a href="#">公司新闻</a></li>
                            <li><a href="#">企业动态</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl class="right">
                    <dt>服务与技术支持</dt>
                    <dd>
                        <ul>
                            <li><a href="#">使用手册</a></li>
                            <li><a href="#">资料下载</a></li>
                            <li><a href="#">FAQ</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl class="right">
                    <dt>产品</dt>
                    <dd>
                        <ul>
                            <li><a href="#">天机数据服务</a></li>
                            <li><a href="#">产品白皮书</a></li>
                        </ul>
                    </dd>
                </dl>
            </div>
            <div class="btm">COPYRIGHT © 2020 WWW.ENET360.COMALL RIGHTS RESERVED.<span>京ICP备09066962号-3</span>
            </div>
        </div>
    </footer>
    <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="js/message.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <script>
        let time = 60
        let timeOut = null
        let timeOff = false

        $(function () {
            if ($(window).width() > 800) {
                $('iframe').css('height', $(window).height() - $('footer').height() - 5 + 'px')
                $(window).resize(function () {
                    $('iframe').css('height', $(window).height() - $('footer').height() - 5 + 'px')
                })
            }

            $(".btn1").click(function () {
                $('.popup').show()
            })

            // 发送验证码
            $('.item_send').click(function () {
                if (timeOff) {
                    return false
                }
                timeOff = true
                eTime($(this))
            })

            function eTime(dom) {
                timeOut = setTimeout(function () {
                    time--
                    dom.html('获取验证码' + time)
                    if (time <= 0) {
                        clearTimeout(timeOut)
                        dom.html('获取验证码')
                        time = 60
                        timeOff = false
                        return false
                    }
                    eTime(dom)
                }, 1000)
            }

            // 提交
            $(".popup_btn").click(function () {
                let params = {
                    name: $('#name').val(),
                    phone: $('#phone').val(),
                    code: $('#code').val(),
                    work: $('#work').val(),
                    emali: $('#emali').val(),
                }

                for (let i in params) {
                    if (!params[i] || params[i] == null) {
                        toast('请输入完整')
                        return false
                    }
                }

                let reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|16[6]|18[0|1|2|3|5|6|7|8|9]|17[3|5|6|7]|19[9|8])\d{8}$/
                if (!reg.test(params.phone)) {
                    alert('手机号码格式有误')
                    return false
                }

                console.log('完成')
            })
        });
    </script>
</body>

</html>